import {Center, Skeleton, VStack} from "native-base";
import React from "react";

const SkeletonView = () => {
    return <Center w="100%"  style={{marginTop:50}}>
        <VStack w="100%"  borderWidth="1" space={20} overflow="hidden" rounded="md" _dark={{
            borderColor: "coolGray.500"
        }} _light={{
            borderColor: "coolGray.200"
        }}>
            <Skeleton h="40" />
            <Skeleton.Text px="4" />
            <Skeleton px="4" my="4" rounded="md" startColor="primary.100" />
        </VStack>
    </Center>;
};

export default SkeletonView;
